"use client";
import React, { useImperativeHandle } from "react";
interface IProps {
    src: string;
    className?: string;
}
const VideoViewer: React.ForwardRefRenderFunction<never, IProps> = (
    props,
    forwardedRef
) => {
    const { src, className } = props;
    useImperativeHandle(forwardedRef, () => null);
    return (
        <div
            className={`w-full h-full flex flex-col justify-center items-center ${className}`}
        >
            <video controls muted preload="metadata">
                <source src={src} type="video/mp4" />
                Your browser does not support the video tag.
            </video>
        </div>
    );
};
export default React.memo(React.forwardRef(VideoViewer));
